<!--
 * @Description: 第十五章（全局组件，局部组件，递归组件）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-15 23:38:07
-->
<template>
  <div class="card">
    <header>
      <div>标题</div>
      <div>副标题</div>
    </header>
    <section>内容</section>
  </div>
</template>
<script setup lang="ts"></script>
<style scoped lang="less">
@border-color: #ccc;
.card {
  border: 1px solid @border-color;
  width: 400px;
  header {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid @border-color;
  }
  section {
    padding: 5px;
    min-height: 300px;
  }
}
</style>
